<template>
  <div class="footer">
    <div class="footerUp">
      <div class="container">
        <div class="qr">
          <img src="../assets/qr.jpg" alt="" />
          <p>扫描关注沙发管家微信</p>
        </div>
        <dl class="web">
            <dt>沙发网</dt>
            <dd><a href="">沙发管家</a></dd>
            <dd><a href="">沙发桌面</a></dd>
            <dd><a href="">沙发电视精灵</a></dd>
            <dd><a href="">安装教程</a></dd>
        </dl>
        <dl class="shop">
            <dt>应用市场</dt>
            <dd><a href="">影视视频</a></dd>
            <dd><a href="">软件工具</a></dd>
            <dd><a href="">电视游戏</a></dd>
            <dd><a href="">最热应用</a></dd>
            <dd><a href="">最新应用</a></dd>
            <dd><a href="">专题</a></dd>
        </dl>
        <dl class="hub">
            <dt>产品库</dt>
            <dd><a href="">智能电视</a></dd>
            <dd><a href="">电视盒子</a></dd>
        </dl>
        <dl class="developer">
            <dt>开发者平台</dt>
            <dd><a href="">沙发支付</a></dd>
        </dl>
      </div>
    </div>
    <div class="footerDown">
        <div class="container">
            <div class="copy">
                <p>
                    <a href="">关于我们</a><span>·</span>
                    <a href="">加入我们</a><span>·</span>
                    <a href="">商务合作</a><span>·</span>
                    <a href="">侵权投诉</a>
                </p>
                <p>
                    &copy;&nbsp;2021&nbsp;<a href="">沙发网</a>&nbsp;<a href="">沪ICP备13017440号</a><br>
                    版权所有：新梦想（上海）信息科技有限公司<br>
                    地址：上海市静安区万荣路700号A2 电话：021-62338062
                </p>
            </div>
            <div class="public">
                <img src="../assets/ghs.png" alt="">&nbsp;&nbsp;沪公网安备 31010602002886
            </div>
        </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.footer{
    padding-top: 1px;
    border-top: 1px solid #ddd;
}
.footerUp {
  padding: 30px 0;
  background-color: #f0f0f0;
  overflow: hidden;
}
.footerUp .qr {
    float: left;
    margin-right: 60px;
    padding: 0 80px;
    text-align: center;
    height: 160px;
    border-right: 1px solid #ddd;
}
.footerUp .qr > img{
  height: 110px;
      margin-bottom: 20px;
}
.footerUp .qr>p{
    margin: 0 0 10px;
    font-size: 14px;
}
.footerUp dl{
    float: left;
    width: 155px;
}
.footerUp dl dd{
    text-align: left;
}
.footerUp dl dd a{
    font-size: 12px;
    color: #666;
    text-decoration: none;
}
.footerUp dl dt{
    font-size: 14px;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
}
.footerDown {
  padding: 15px 0;
  font-size: 12px;
  color: #666;
  background-color: #303031;
}
.footerDown a{
    text-decoration: none;
    color: #666;
}
.footerDown .public img{
    vertical-align: middle;
}
</style>